PVI Online course logo

Web Page Design Module 1: Creating Web Pages with HTML Tags


External Links
The tag used to link web pages to other pages in a website or to other pages on the World Wide Web is the <a> tag.  The open <a> and closing </a> tags surround the text you want to hyperlink. The <a> tag requires an accompanying href attribute. Note that the attribute href has the URL (web page address) to go to when the user clicks on this link. This is how you would link to the Paul VI website from the words Paul VI Catholic High School in your first webpage file.

I am a student at <a href="http://www.paulvi.net">Paul VI Catholic High School</a> 

Now open your first webpage HTML file in Notepad and add this tag to link to the Paul VI Catholic High School home page. When you are finished entering your tags replace your original HTML file by selecting File and then selecting Save. Close your Notepad file and navigate to your HTML file folder on your Google Drive. Select first webpage to preview what your file will look like in a web browser. Your file should look like this. The words Paul VI Catholic High School should be in a different color and underlined.

link to PVI home page

If your changes don't appear in the browser window, select the Refresh button. Test your link. If your link doesn't work, return to Notepad, select the file and make the necessary corrections. If you need assistance completing this exercise preview the Screen Captured Video. You can also find a link to this video on your Student Resources page. Send your mentor an email with the Subject Line "Request for Help" if you need help finding the errors. If you do not need assistance, proceed with the next page, Inserting an Image.


Back to Module 1 Numbered and Bulleted Lists Next Module 1 Inserting an Image